﻿{ZL.Source id="图库模型数据源标签"/}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>{SField sid="图库模型数据源标签" FD="Title" page="0"/}_{$SiteName/}</title>
<meta name="Keywords" content="{SField sid="图库模型数据源标签" FD="Tagkey" page="0"/}">
{ZL:Boot()/}
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<script src="/js/scrolltopcontrol.js" type="text/javascript"></script>
<script src="/JS/Controls/B_User.js"></script>
<script src="{$CssDir/}js/server.js"></script>
<style>
#Menu{SField sid="图库模型数据源标签" FD="NodeID" page="0"/} a { background:#e7e7e7; max-width:inherit;}
.piccontext { background:none; border:none;}
.piccontext h2 { margin:0; font-size:20px; color:#fff; font-family:"黑体"; text-align:center;}
.picshowtxt_left { display:inline-table; width:auto; float:none; margin-left:5px;}
.piccontext h5 { margin-top:0; text-align:center; color:#666; font-family:"STHeiti","Microsoft YaHei","宋体","arial";}
.piccontext h5 span { margin-left:10px;}
.piccontext h5 span span { color:#a16b00;}
.picshowtxt_right { color:#999;}
.list { margin-left:10px; padding-left:20px; background:url({$CssDir/}images/pics_bg2.png) left no-repeat;}
a.list:hover { background:url({$CssDir/}images/pics_bg2.png) left no-repeat;}
.footer1 { padding-top:30px;}
.footer1 ul { display:inline-table;}
.footer1 ul li { float:left; color:#666;}
.footer1 ul li span { margin-left:10px; margin-right:10px;}
.footer1 ul li a { color:#666;}
.footer1 p { font-family:Arial, simsun; font-size:12px; color:#666; line-height:22px;}
.footer1 p a { color:#666;}
#preArrow { cursor:url("{$CssDir/}images/left.cur"), auto;}
#nextArrow { cursor:url("{$CssDir/}images/right.cur"), auto};
a#preArrow:focus,a#nextArrow:focus{ outline:none;}
.contextDiv:focus{ outline:none;}
.selectpic { border:1px solid #c00;}
.pictxt h3 { color:#666;}
.piclistshow li { padding-top:15px;}
.source { height:auto;}
.source_right { height:28px; line-height:28px;}
.picmidmid ul li a { border:none;}
#content_synopsis { color:#999;}
</style>
</head>
<body id="header" style="padding-top:81px;">
<div class="relative">
<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="home_scolls">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">智能切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="{$LogoUrl/}" alt='{$SiteName/}' id='logos' onerror="this.onerror=null;this.src='{$LogoUrl/}'" /></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="{ZL:GetNodeListUrl(1)/}" target="_blank">首页</a></li>
<li><a href="{ZL:GetNodeLinkUrl(1)/}">门户网站</a></li>
<li><a href="{ZL:GetNodeLinkUrl(2)/}" target="_blank">线上商城</a></li>
<li><a href="/office" target="_blank">办公平台</a></li>
<li><a href="/Index" target="_blank">社区贴吧</a></li>
</ul>
<form class="navbar-form navbar-left" role="search" method="get" action="/Search/SearchList" target="_blank">
<div class="input-group">
<input type="text" class="form-control" name="keyword" placeholder="全站检索">
<span class="input-group-btn">
<button type="submit" class="btn btn-default">搜索</button>
</span>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown nav_list">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-navicon"></i></a>
<ul class="dropdown-menu" role="menu">
{ZL.Label id="蓝色经典_顶部节点列表" ParentID="0" ShowNum="7" /}
</ul>
</li>
<li class="nav_user"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>登录 <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="/User/" target="_blank">用户登录</a></li>
<li><a href="/User/Register" target="_blank">用户注册</a></li>
<li><a href="/User/Info/UserInfo" target="_blank">注册信息</a></li>
<li><a href="javascript:;" onClick="LogoutFun();">安全退出</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 导航到此结束 -->

<div style="background:#000;">

<div class="container mySites" style="margin-top:0;padding-top:20px;">
<ol class="breadcrumb">
<li><a href="/">首页</a></li>
{ZL.Label id="输出多级节点导航_V4" NodeID="{SField sid="图库模型数据源标签" FD="NodeID" page="0"/}" /}
<li class="active">{SField sid="图库模型数据源标签" FD="Title" page="0"/} </li>
</ol>
</div>
<div class="container">
<!--弹出层开始-->
<!--播放到第一张图的提示-->
<div class="modal fade" id="firsttop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">图片播放完了</h4>
</div>
<div class="modal-body">
上一个图库：{ZL.Label id="上一个图库" NodeID="{SField sid="图库模型数据源标签" FD="NodeID" page="0"/}" /}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
</div>
</div>
</div>
</div>
<!--播放到最后一张图的提示-->
<div class="modal fade" id="endtop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">图片播放完了</h4>
</div>
<div class="modal-body">
下一个图库：{ZL.Label id="下一个图库" NodeID="{SField sid="图库模型数据源标签" FD="NodeID" page="0"/}" /}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
</div>
</div>
</div>
</div>
<!--弹出层结束--> 
<!--图片特效内容开始-->
<div class="piccontext">
<h2>{SField sid="图库模型数据源标签" FD="Title" page="0"/}<div class="picshowtxt_left">(<span>1</span>/<i>0</i>)</div></h2>
<h5><span>{ZL:FormatDate({SField sid="图库模型数据源标签" FD="CreateTime" page="0"/},yyyy-MM-dd HH:mm)/}</span><span>来源：{SField sid="图库模型数据源标签" FD="source" page="0"/}</span><span>编辑：{SField sid="图库模型数据源标签" FD="author" page="0"/}</span><span>浏览：<span><SCRIPT language=javascript src="/Common/GetHits.aspx?id={SField sid="图库模型数据源标签" FD="GeneralID" page="0"/}"></SCRIPT></span></span></h5>
<!--大图展示-->
<div class="picshow">
<div class="picshowtop">
<a href="/"><img id="pic1" curindex="0" /></a>
<a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张"></a>
<a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="下一张"></a>
</div>
<div class="picshowtxt">
<div class="picshowtxt_right"></div>
</div>
<div class="source">
<div class="pull-right">
<span style="display:block; float:left; line-height:28px; color:#666; margin-left:10px;">分享到：</span>
<div class="bdsharebuttonbox" style="display:block; float:left;"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
</div>
<div class="source_right">
<div class="support">支持← →键翻阅图片</div>
<a href="javascript:;" class="list">列表查看</a> </div>
<div class="source_right1"><a href="javascript:;" class="gaoqing">高清查看</a> </div>

</div>
<div class="picshowlist"> 
<div class="picshowlist_mid">
<div class="picmidmid row" id="picmidmid"><ul class="list-unstyled"></ul></div>
</div>
</div>
</div>
<!--列表展示-->
<div class="piclistshow row" id="piclistshow"><ul class="list-unstyled padding10"></ul></div>
<div id="content_synopsis">
{SField sid="图库模型数据源标签" FD="Content" page="0"/}
</div>
</div>
</div>
</div>

{ZL.Label id="响应式全站底部"/}
</body>
</html>
<script>
var siteurl=""; //{$UploadDir/}
var firstpho="";
var photos='{SField sid="图库模型数据源标签" FD="PhotoUrl"/}';
var pho = eval(photos);
var arrUrlName=new Array();
var arrUrl=new Array();
var str="";
var str1="";
for(var i=0;i<pho.length;i++)
{
	console.log(pho[i].url.indexOf("httsssps://"))
	if(pho[i].url.indexOf("{$UploadDir/}")<0&&pho[i].url.indexOf("https://")<0)
		siteurl="{$UploadDir/}";
	else
		siteurl="";
	str1+="<li class=\"col-lg-3 col-md-3 col-sm-3 col-xs-4 padding5\"><div class=\"picimg\"><img src=\""+siteurl+pho[i].url+"\" alt=\""+pho[i].desc+"\" /></div><div class=\"pictxt\"><h3>"+pho[i].desc+"<span>("+(parseInt(i)+1)+"/"+pho.length+")</span></h3></div></li>";
	str+="<li class=\"col-lg-1 col-md-2 col-sm-2 col-xs-3\"><a href=\"javascript:void(0);\"><img src=\""+siteurl+pho[i].url+"\" alt=\""+pho[i].desc+"\" bigimg=\""+siteurl+pho[i].url+"\" text=\""+pho[i].desc+"\" /></a></li>";
}
$("#pic1").attr("src",arrUrl[0]);
$("#pic1").attr("alt",arrUrlName[0]);
$("#piclistshow ul").html(str1);
$("#picmidmid ul").html(str);
$(".picshowtxt_left i").html(pho.length);
$().ready(function(e) {
   $(function() {
	$(".piclistshow li").hover(function() {
		$(this).css("background", "#FAFAFA")
	},
	function() {
		$(this).css("background", "")
	});
	$(".piclistshow li").last().css("border-bottom", "none");
	$(".piclistshow li").each(function() {
		var curindex = $(this).index(".piclistshow li") + 1;
		if (curindex % 4 == 0) {
			
		}
	});
	$(document).keydown(function(event) {
		var key = event.keyCode;
		var firstdisplay = $("#firsttop").css("display");
		var enddisplay = $("#endtop").css("display");
		if (firstdisplay == "none" && enddisplay == "none") {
			if (key == 37) {
				preclick()
			} else {
				if (key == 39) {
					nextclick()
				}
			}
		} else {
			if (key == 27) {
				$("#firsttop").css("display", "none");
				$("#bodymodal").css("display", "none");
				$("#endtop").css("display", "none")
			}
		}
	});

	var firstpic = $(".picmidmid ul li").first().find("img");
	var firstsrc = firstpic.attr("bigimg");
	var firsttxt = firstpic.attr("text");
	$("#pic1").attr("src", firstsrc);
	firstpic.addClass("selectpic");
	$(".picshowtxt_right").text(firsttxt);
	$("#preArrow").hover(function() {
		$("#preArrow_A").css("display", "block")
	},
	function() {
		$("#preArrow_A").css("display", "none")
	});
	$("#nextArrow").hover(function() {
		$("#nextArrow_A").css("display", "block")
	},
	function() {
		$("#nextArrow_A").css("display", "none")
	});
	var getli = $(".picmidmid ul li");
	function nextclick() {
		var currrentindex = parseFloat($("#pic1").attr("curindex"));
		var length = getli.length;
		if (currrentindex != (length - 1)) {
			var curli = getli.eq(currrentindex);
			
			var curnextli = getli.eq(currrentindex + 1);
			var curnextsrc = curnextli.find("img").attr("bigimg");
			var curnexttxt = curnextli.find("img").attr("text");
			curli.find("img").removeClass("selectpic");
			curnextli.find("img").addClass("selectpic");
			$("#pic1").attr("src", curnextsrc);
			$("#pic1").attr("curindex", currrentindex + 1);
			$(".picshowtxt_right").text(curnexttxt);
			$(".picshowtxt_left span").text(currrentindex + 2)
		} else {
			$("#endtop").modal("show");
		}
	}
	$("#nextArrow_B").click(function() {
		nextclick()
	});
	$("#nextArrow").click(function() {
		nextclick()
	});
	function preclick() {
		var currrentindex = parseFloat($("#pic1").attr("curindex"));
		if (currrentindex != 0) {
			var curli = getli.eq(currrentindex);
			var length = getli.length;
			var curnextli = getli.eq(currrentindex - 1);
			var curnextsrc = curnextli.find("img").attr("bigimg");
			var curnexttxt = curnextli.find("img").attr("text");
			curli.find("img").removeClass("selectpic");
			curnextli.find("img").addClass("selectpic");
			$("#pic1").attr("src", curnextsrc);
			$(".picshowtxt_right").text(curnexttxt);
			$("#pic1").attr("curindex", currrentindex - 1);
			$(".picshowtxt_left span").text(currrentindex)
		} else {
			$("#firsttop").modal("show");
		}
	}
	$("#preArrow_B").click(function() {
		preclick()
	});
	$("#preArrow").click(function() {
		preclick()
	});
	getli.click(function() {
		var currentliindex = $(this).index(".picmidmid ul li");
		$(".picmidmid ul li img[class='selectpic']").removeClass("selectpic");
		var currentli = getli.eq(currentliindex);
		currentli.find("img").addClass("selectpic");
		var bigimgsrc = currentli.find("img").attr("bigimg");
		var curnexttxt = currentli.find("img").attr("text");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", currentliindex);
		$(".picshowtxt_right").text(curnexttxt);
		$(".picshowtxt_left span").text(currentliindex + 1)
	});
	$(".piclistshow li").click(function() {
		var curli = $(this).index(".piclistshow li");
		showgaoqing();
		$(".picmidmid ul li img[class='selectpic']").removeClass("selectpic");
		var currentli = getli.eq(curli);
		currentli.find("img").addClass("selectpic");
		var bigimgsrc = currentli.find("img").attr("bigimg");
		var curnexttxt = currentli.find("img").attr("text");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", curli);
		$(".picshowtxt_right").text(curnexttxt);
		$(".picshowtxt_left span").text(curli + 1);
		$(".picmidmid li").css("display", "block");
	});
	$(".list").click(function() {
		$(".picshow").css("display", "none");
		$(".piclistshow").css("display", "block");
		$(".source_right").css("display", "none");
		$(".source_right1").css("display", "block")
	});
	$(".gaoqing").click(function() {
		showgaoqing();
	});
	function showgaoqing() {
		$(".picshow").css("display", "block");
		$(".piclistshow").css("display", "none");
		$(".source_right").css("display", "block");
		$(".source_right1").css("display", "none")
	}	
});
});
var buser = new B_User();
buser.IsLogged(function(data,flag){
	if(flag)
	{
		data=JSON.parse(data);
		$(".nav_user>a").html(data.UserName+"的会员中心");
		$(".nav_user .dropdown-menu li:nth-child(1) a").html("会员中心");
		$(".nav_user .dropdown-menu li:nth-child(2)").remove();
	}
});
</script>